/* CSS Document */



@media (min-width: 1024px) and (max-width:1199px ) {

.wrap{ width:1000px;}

nav ul li{ margin:0 0 0 20px;}

nav ul.nav{ display:block;}

.h_phone{ display:none;}

.footNav dl{ float:left; padding:0 30px 0 15px;}

.footNav dl dt.mb2{ margin:20px 0 0 0;}

.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 20px; clear:both;}

.footNav dl.right dd{ width:132px; float:left; text-align:center; margin:0 0 0 20px;}

.c1b ul li{ float:left; text-align:center; margin:0 25px;}

.product-wrap .product li,.product-wrap .product li.ml0{ margin:0 10px 10px 80px;}

.con4 .more,.con5 .more{ display:block;}

.content{ width:90%;}

.c_a{ width:82%;}

.c_a ul li,.c_a ul li.mr0{ margin:0 20px 20px 20px;}

.c_b{ width:100%;}

.c_b dl,.c_b dl.fr{ clear:both; margin:20px auto; float:inherit;}

.c_c{ width:100%;}

.c_c p{ width:85%; margin:auto;}

.c_c ul{ width:90%; margin:auto;}

.c_c ul li,.c_c ul li.mr0{ margin:10px 15px;}

.c_cs3{ width:90%;}

.c_d{ width:85%; margin:auto;}

.c_d ul li,.c_d ul li.mr0{ margin:15px 20px;}

.c_e{ width:90%; margin:auto;}

.c_e .item,.c_e .mr0{ margin:15px 12px;}

.c_f{ width:80%; margin:auto;}

.c_f ul li,.c_f ul li.mr0{ float:left; margin:10px 25px 20px 25px;}

.c_fs2{ width:100%;}

.c_g2a,.c_g2b{ width:485px;}

.c_g2a input,.c_g2b textarea{ width:470px;}


}

@media (min-width: 640px) and (max-width:1023px ) {

.wrap{ width:100%;}

header{opacity:1;height: 70px;}

.logo{ margin: 15px 0 0 15px;}

header .navBtn{ display:block; top:20px; right:15px;}

nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:70px;right:-121px;width:120px;height:auto;line-height:normal; }

nav ul li{ width:100%;text-align:left; margin:10px 0 10px 0;}

nav ul li a{ width:100%; color:#434343; padding:0 0 10px 20px; overflow:hidden;border-bottom:1px solid #bebcbf;font-size:16px; }

nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:2px solid #5486ac; color:#5486ac; border-radius:0; width:100%;}
.h_phone{ display:none;}
.banner{ height:450px;}

.banner .content{height: 450px; background-size:auto 100%;}

.banner .content .title1{ font-size:26px;}

.banner .content .title2{ font-size:14px;}

.footNav{ padding:20px 0;}
.footNav dl{ float:left; padding:20px 40px 0 40px; overflow:hidden; display:none;}

.footNav dl.right{ clear:both; padding:0; float:none; display:block;margin: auto;width: 80%;}
.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 0; clear:both;}
.footNav dl dt a{ text-align:center;}
.footNav dl.right dd{ width:100%; margin:0;}
.footNav dl.right dd img{display: block; margin: auto;}

footer p{ text-align:center; clear:both;}

footer span{ clear:both; float:none; padding:5px 0 0 0; text-align:center;}

.c1a{ width:90%;}

.c1b{ width:100%; clear:both; overflow:hidden; margin:auto; padding:0; text-align:center;}

.c1b ul li{ text-align:center; width: 50%;  margin:20px 0 0 0;  float: left;}

.c1b ul li span{ width:150px; height:150px; margin:auto;}

.c1b ul li p{ font-size:16px;}

.c3a .list li{ width:50%;}

.con4 .more,.con5 .more{ display:block;}

.c5a .title-list li{ clear:both; padding:10px 0;}

.product-wrap{ padding:0;}
.product{ width:100%;}
.product ul{ position:inherit;}
.product-wrap .product li,.product-wrap .product li.ml0{ clear:both; margin:0 auto 10px auto; float:none;}

.c_t{ border:none; height:auto; width:100%;}

.c_t a{ display:block; clear:both; border-bottom:1px solid #dcdddd; width:100%; margin:auto; height:60px; line-height:60px;}

.c_t a:hover,.c_t a.hover{color:#5486ac; border-bottom:1px solid #5486ac;}

.content{ width:90%; padding:20px 0;}

.c_a{ width:100%;}

.c_a ul li,.c_a ul li.mr0{ margin:0 auto 20px auto; clear:both; float:inherit;}

.page a{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.page a.a1{ width:100%; text-align:center; padding:0;}

.page span{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.c_b{ width:100%;}

.c_b dl,.c_b dl.fr{ clear:both; margin:20px auto; float:inherit; width:275px;}

.c_b dl dt,.c_b dl dd{ clear:both; float:inherit;}

.c_c{ width:100%;}

.c_c p{ width:90%; margin:auto;}

.c_c ul li,.c_c ul li.mr0{ margin:20px auto; float:inherit;}

.c_cs2{ width:100%;}

.c_cs2 a{ width:100%; clear:both; text-align:center;}

.c_cs3{ width:100%; height:auto; line-height:150%; padding:10px 0;}

.c_cs3 p,.c_cs3 span,.c_cs3 a{ width:100%; clear:both;}

.c_d{ width:100%;}

.c_d ul li,.c_d ul li.mr0{ clear:both; margin:15px auto; float:inherit;}

.c_e{ width:100%; margin:auto;}


.c_e .item,.c_e .mr0{ margin:10px auto 0 auto; float:left; width:50%;}
.c_e .item a{ width:100%;}

.c_f{ width:100%;}

.c_f ul li,.c_f ul li.mr0{ float:inherit; margin:10px auto 20px auto;}

.c_fs1{ width:90%;}
.c_fs2{ width:90%; margin:auto; height:auto; line-height:180%; padding:10px 0;}

.c_fs2 div{ clear:both; width:100%; height:30px; overflow:hidden;}

.c_g1 ul li{ clear:both; margin:10px auto; float:inherit; width:80%;}

.c_g2a input,.c_g2b textarea{ width:100%; clear:both; overflow:hidden;}

.c_h1,.c_h2,.c_h input{ width:100%; clear:both;}

.fla{height: 290px;}
.fla span{ width:90%; font-size:16px;}
.fla p{padding-top: 130px;width:90%;  margin:auto; font-size:30px;}

.content img{ width:100%;}
.ui-view{ width:100%; max-width:100%;}
.ui-view >p{line-height: 40px; font-size: 16px;}

.c_ds1 { width: 100%; padding: 20px 0; height: auto;}
#owl-demo2{position: inherit;}
#owl-demo2 .item{    width: 100%; height: auto;}
#owl-demo2 .item img{ width:100%;}
.customNavigation2{ display:none;}
}

@media (min-width: 480px) and (max-width: 639px) {

.wrap{ width:100%;}

header{opacity:1;height: 70px;}

.logo{ margin: 15px 0 0 15px;}

header .navBtn{ display:block; top:20px; right:15px;}

nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:70px;right:-121px;width:120px;height:auto;line-height:normal; }

nav ul li{ width:100%;text-align:left; margin:10px 0 10px 0;}

nav ul li a{ width:100%; color:#434343; padding:0 0 10px 20px; overflow:hidden;border-bottom:1px solid #bebcbf;font-size:16px; }

nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:2px solid #5486ac; color:#5486ac; border-radius:0; width:100%;}
.h_phone{ display:none;}
.banner{ height:400px;}

.banner .content{height: 400px; background-size:auto 100%;}

.banner .content .title1{ font-size:26px;}

.banner .content .title2{ font-size:14px;}

.footNav{ padding:20px 0;}
.footNav dl{ float:left; padding:20px 40px 0 40px; overflow:hidden; display:none;}

.footNav dl.right{ clear:both; padding:0; float:none; display:block;margin: auto;width: 80%;}
.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 0; clear:both;}
.footNav dl dt a{ text-align:center;}
.footNav dl.right dd{ width:100%; margin:0;}
.footNav dl.right dd img{display: block; margin: auto;}

footer p{ text-align:center; clear:both;}

footer span{ clear:both; float:none; padding:5px 0 0 0; text-align:center;}

.c1a{ width:90%;}

.c1b{ width:100%; clear:both; overflow:hidden; margin:auto; padding:0; text-align:center;}

.c1b ul li{ text-align:center; width: 50%;  margin:20px 0 0 0;  float: left;}

.c1b ul li span{ width:150px; height:150px; margin:auto;}

.c1b ul li p{ font-size:16px;}

.c3a .list li{ width:50%;}

.con4 .more,.con5 .more{ display:block;}

.c5a .title-list li{ clear:both; padding:10px 0;}

.product-wrap{ padding:0;}
.product{ width:100%;}
.product ul{ position:inherit;}
.product-wrap .product li,.product-wrap .product li.ml0{ clear:both; margin:0 auto 10px auto; float:none;}

.c_t{ border:none; height:auto; width:100%;}

.c_t a{ display:block; clear:both; border-bottom:1px solid #dcdddd; width:100%; margin:auto; height:60px; line-height:60px;}

.c_t a:hover,.c_t a.hover{color:#5486ac; border-bottom:1px solid #5486ac;}

.content{ width:90%; padding:20px 0;}

.c_a{ width:100%;}

.c_a ul li,.c_a ul li.mr0{ margin:0 auto 20px auto; clear:both; float:inherit;}

.page a{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.page a.a1{ width:100%; text-align:center; padding:0;}

.page span{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.c_b{ width:100%;}

.c_b dl,.c_b dl.fr{ clear:both; margin:20px auto; float:inherit; width:275px;}

.c_b dl dt,.c_b dl dd{ clear:both; float:inherit;}

.c_c{ width:100%;}

.c_c p{ width:90%; margin:auto;}

.c_c ul li,.c_c ul li.mr0{ margin:20px auto; float:inherit;}

.c_cs2{ width:100%;}

.c_cs2 a{ width:100%; clear:both; text-align:center;}

.c_cs3{ width:100%; height:auto; line-height:150%; padding:10px 0;}

.c_cs3 p,.c_cs3 span,.c_cs3 a{ width:100%; clear:both;}

.c_d{ width:100%;}

.c_d ul li,.c_d ul li.mr0{ clear:both; margin:15px auto; float:inherit;}

.c_e{ width:100%; margin:auto;}


.c_e .item,.c_e .mr0{ margin:10px auto 0 auto; clear:both; float:inherit; width:100%;}
.c_e .item a{ width:100%;}

.c_f{ width:100%;}

.c_f ul li,.c_f ul li.mr0{ float:inherit; margin:10px auto 20px auto;}

.c_fs1{ width:90%;}
.c_fs2{ width:90%; margin:auto; height:auto; line-height:180%; padding:10px 0;}

.c_fs2 div{ clear:both; width:100%; height:30px; overflow:hidden;}

.c_g1 ul li{ clear:both; margin:10px auto; float:inherit; width:80%;}

.c_g2a input,.c_g2b textarea{ width:100%; clear:both; overflow:hidden;}

.c_h1,.c_h2,.c_h input{ width:100%; clear:both;}

.fla{height: 290px;}
.fla span{ width:90%; font-size:16px;}
.fla p{padding-top: 130px;width:90%;  margin:auto; font-size:30px;}
.content img{ width:100%;}
.ui-view{ width:100%; max-width:100%;}
.ui-view >p{line-height: 30px; font-size: 14px;}

.c_ds1 { width: 100%; padding: 20px 0; height: auto;}
#owl-demo2{position: inherit;}
#owl-demo2 .item{    width: 100%; height: auto;}
#owl-demo2 .item img{ width:100%;}
.customNavigation2{ display:none;}
}

@media  (max-width: 479px) {

.wrap{ width:100%;}

header{opacity:1;height: 70px;}

.logo{ margin: 15px 0 0 15px;}

header .navBtn{ display:block; top:20px; right:15px;}

nav ul.nav{background:#fff;display:none;border-left:1px solid #ddd;position:fixed;top:70px;right:-121px;width:120px;height:auto;line-height:normal; }

nav ul li{ width:100%;text-align:left; margin:10px 0 10px 0;}

nav ul li a{ width:100%; color:#434343; padding:0 0 10px 20px; overflow:hidden;border-bottom:1px solid #bebcbf;font-size:16px; }

nav ul li a:hover,nav ul li a.hover{background:none; border-bottom:2px solid #5486ac; color:#5486ac; border-radius:0; width:100%;}
.h_phone{ display:none;}
.banner{ height:350px;}

.banner .content{height: 350px; background-size:auto 100%;}

.banner .content .title1{ font-size:26px;}

.banner .content .title2{ font-size:14px;}

.footNav{ padding:20px 0;}
.footNav dl{ float:left; padding:20px 40px 0 40px; overflow:hidden; display:none;}

.footNav dl.right{ clear:both; padding:0; float:none; display:block;margin: auto;width: 80%;}
.footNav dl.right dt{font-size:16px; color:#4c4948; margin:0 0 0 0; clear:both;}
.footNav dl dt a{ text-align:center;}
.footNav dl.right dd{ width:100%; margin:0;}
.footNav dl.right dd img{display: block; margin: auto;}

footer p{ text-align:center; clear:both;}

footer span{ clear:both; float:none; padding:5px 0 0 0; text-align:center;}

.c1a{ width:90%;}

.c1b{ width:100%; clear:both; overflow:hidden; margin:auto; padding:0; text-align:center;}

.c1b ul li{ text-align:center; width: 50%;  margin:20px 0 0 0;  float: left;}

.c1b ul li span{ width:150px; height:150px; margin:auto;}

.c1b ul li p{ font-size:16px;}

.c3a .list li{ width:50%;}

.con4 .more,.con5 .more{ display:block;}

.c5a .title-list li{ clear:both; padding:10px 0;}

.product-wrap{ padding:0;}
.product{ width:100%;}
.product ul{ position:inherit;}
.product-wrap .product li,.product-wrap .product li.ml0{ clear:both; margin:0 auto 10px auto; float:none;}

.c_t{ border:none; height:auto; width:100%;}

.c_t a{ display:block; clear:both; border-bottom:1px solid #dcdddd; width:100%; margin:auto; height:60px; line-height:60px;}

.c_t a:hover,.c_t a.hover{color:#5486ac; border-bottom:1px solid #5486ac;}

.content{ width:90%; padding:20px 0;}

.c_a{ width:100%;}

.c_a ul li,.c_a ul li.mr0{ margin:0 auto 20px auto; clear:both; float:inherit;}

.page a{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.page a.a1{ width:100%; text-align:center; padding:0;}

.page span{ display:block; width:30px; margin:0 auto 10px auto; clear:both; padding:0;}

.c_b{ width:100%;}

.c_b dl,.c_b dl.fr{ clear:both; margin:20px auto; float:inherit; width:275px;}

.c_b dl dt,.c_b dl dd{ clear:both; float:inherit;}

.c_c{ width:100%;}

.c_c p{ width:90%; margin:auto;}

.c_c ul li,.c_c ul li.mr0{ margin:20px auto; float:inherit;}

.c_cs2{ width:100%;}

.c_cs2 a{ width:100%; clear:both; text-align:center;}

.c_cs3{ width:100%; height:auto; line-height:150%; padding:10px 0;}

.c_cs3 p,.c_cs3 span,.c_cs3 a{ width:100%; clear:both;}

.c_d{ width:100%;}

.c_d ul li,.c_d ul li.mr0{ clear:both; margin:15px auto; float:inherit;}

.c_e{ width:100%; margin:auto;}

.c_e .item,.c_e .mr0{ margin:10px auto 0 auto; clear:both; float:inherit; width:100%;}
.c_e .item a{ width:100%;}

.c_f{ width:100%;}

.c_f ul li,.c_f ul li.mr0{ float:inherit; margin:10px auto 20px auto;}

.c_fs1{ width:90%;}
.c_fs2{ width:90%; margin:auto; height:auto; line-height:180%; padding:10px 0;}

.c_fs2 div{ clear:both; width:100%; height:30px; overflow:hidden;}

.c_g1 ul li{ clear:both; margin:10px auto; float:inherit; width:80%;}

.c_g2b,.c_g2a{width: 90%; float: none; overflow: hidden; margin: auto;}
.c_g2a input,.c_g2b textarea{ width:96%; clear:both; overflow:hidden;}

.c_h1,.c_h2,.c_h input{ width:100%; clear:both;}

.fla{height: 290px;}
.fla span{ width:90%; font-size:16px;}
.fla p{padding-top: 130px;width:90%;  margin:auto; font-size:30px;}

.content img{ width:100%;}
.ui-view{ width:100%; max-width:100%;}
.ui-view >p{line-height: 30px; font-size: 14px;}

.c_ds1 { width: 100%; padding: 20px 0; height: auto;}
#owl-demo2{position: inherit;}
#owl-demo2 .item{    width: 100%; height: auto;}
#owl-demo2 .item img{ width:100%;}
.customNavigation2{ display:none;}
}